﻿<!-- Main jumbotron for a primary marketing message or call to action -->
<!--<div class="jumbotron">
    <h1>AisinGioro</h1>
    <p>This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.</p>
</div>-->

<div class="row">
    <div class="col-sm-9">
        <div class="form-group">
            <label for="ipInput">Host (Domain or Ip address)</label>
            <input type="text" class="form-control" id="ipInput" maxlength="50" ng-model="model.host">
        </div>
        <div class="form-group">
            <label for="portInput">Port number</label>
            <input type="number" class="form-control" id="portInput" maxlength="5" ng-model="model.port" />
        </div>
        <button type="submit" class="btn btn-default" ng-click="submitTelnet()">Telnet</button>
    </div>
</div>

<div class="row my-ping-row" ng-show="model.messageList && model.messageList.length>0">
    <div class="col-lg-12">
        <div class="alert alert-info" role="alert">
            <p ng-repeat="msg in model.messageList track by $index" ng-bind-html="msg | trustHtml"></p>
        </div>
    </div>    
</div>